<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Lexis - Minimal, Corporate Bootstrap template</title>
    <script src="comjs/jquery-3.2.1.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/flexslider.css">
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/font-icon.css">
    <script src="js/index.js" charset="utf-8"></script>
    <link rel="stylesheet" href="css/animate.min.css">

</head>

<body>
<!-- header section -->
<section class="banner" role="banner">
    <header id="header">
        <div class="header-content clearfix"><a class="logo" href="index.html">LEXIS</a>
            <nav class="navigation" role="navigation">
                <ul class="primary-nav">
                    <li><a href="#intro">首页</a></li>
                    <li><a href="#services">页面1</a></li>
                    <li><a href="#works">页面2</a></li>
                    <li><a href="#teams">页面3</a></li>
                    <li><a href="#testimonials">页面4</a></li>
                    <li><a href="#contact">登录</a></li>
                    <li><a href="main/main.html">主页</a></li>
                    <li><a href="/index_myvote.html">主页1</a></li>
                </ul>
            </nav>
            <a href="#" class="nav-toggle">Menu<span></span></a></div>
    </header>
    <!-- banner text -->
    <div class="container">
        <div class="col-md-10 col-md-offset-1">
            <div class="banner-text text-center">
                <h1>Bootstrap One Page Multi Purpose Template</h1>
                <p>Lorem ipsum dolor sit ametcursus magna vel scelerisque Lorem ipsum dolor sit amet, consectetur
                    adipiscing elit. Praesent commodo cursus magna vel scelerisque nisl consectetur et.nisl consectetur
                    et.</p>
                <a href="#" class="btn btn-large">Find out more</a></div>
            <!-- banner text -->
        </div>
    </div>
</section>
<!-- header section -->
<!-- intro section -->
<section id="intro" class="section intro">
    <div class="container">
        <div class="col-md-8 col-md-offset-2 text-center">
            <h3>We've got what you need!</h3>
            <p>Start Bootstrap has everything you need to get your new website up and in no time! All of the templates
                and themes on Start Bootstrap are open source, free to download, and easy to use. No strings
                attached!</p>
        </div>
    </div>
</section>
<!-- intro section -->
<!-- services section -->
<section id="services" class="services service-section">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-6 services text-center"><span class="icon icon-strategy"></span>
                <div class="services-content">
                    <h5>Strategy & Consulting</h5>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis
                        ornare vel eu leo. Donec nulla non metus.</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 services text-center"><span class="icon icon-briefcase"></span>
                <div class="services-content">
                    <h5>corporate identity</h5>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis
                        ornare vel eu leo. Donec nulla non metus.</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 services text-center"><span class="icon icon-tools"></span>
                <div class="services-content">
                    <h5>web design and development</h5>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis
                        ornare vel eu leo. Donec nulla non metus.</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 services text-center"><span class="icon icon-genius"></span>
                <div class="services-content">
                    <h5>Branding</h5>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis
                        ornare vel eu leo. Donec nulla non metus.</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 services text-center"><span class="icon icon-megaphone"></span>
                <div class="services-content">
                    <h5>Digital marketing</h5>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis
                        ornare vel eu leo. Donec nulla non metus.</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 services text-center"><span class="icon icon-trophy"></span>
                <div class="services-content">
                    <h5>Promotion material</h5>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis
                        ornare vel eu leo. Donec nulla non metus.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- services section -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>
<!-- work section -->
<section id="works" class="works section no-padding">
    <div class="container-fluid">
        <div class="row no-gutter">
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-1.jpg" class="work-box"> <img
                    src="images/work-1.jpg" alt="">
                <div class="overlay">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-2.jpg" class="work-box"> <img
                    src="images/work-2.jpg" alt="">
                <div class="overlay">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-3.jpg" class="work-box"> <img
                    src="images/work-3.jpg" alt="">
                <div class="overlay">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-4.jpg" class="work-box"> <img
                    src="images/work-4.jpg" alt="">
                <div class="overlay">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-5.jpg" class="work-box"> <img
                    src="images/work-5.jpg" alt="">
                <div class="overlay">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-6.jpg" class="work-box"> <img
                    src="images/work-6.jpg" alt="">
                <div class="overlay" style="border: rgb(178,204,204) solid 1px">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-7.jpg" class="work-box"> <img
                    src="images/work-7.jpg" alt="">
                <div class="overlay">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
            <div class="col-lg-3 col-md-6 col-sm-6 work"><a href="images/work-8.jpg" class="work-box"> <img
                    src="images/work-8.jpg" alt="">
                <div class="overlay">
                    <div class="overlay-caption">
                        <h5>Project Name</h5>
                        <p>Website Design</p>
                    </div>
                </div>
                <!-- overlay -->
            </a></div>
        </div>
    </div>
</section>
<!-- work section -->
<!-- our team section -->
<section id="teams" class="section teams">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="person"><img src="images/team-1.jpg" alt="" class="img-responsive">
                    <div class="person-content">
                        <h4>Lisa Brown</h4>
                        <h5 class="role">The Mastermind</h5>
                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa
                            justo sit amet risus. </p>
                    </div>
                    <ul class="social-icons clearfix">
                        <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                        <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fa fa-linkedin"></span></a></li>
                        <li><a href="#"><span class="fa fa-google-plus"></span></a></li>
                        <li><a href="#"><span class="fa fa-dribbble"></span></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="person"><img src="images/team-2.jpg" alt="" class="img-responsive">
                    <div class="person-content">
                        <h4>Johnathan Deo</h4>
                        <h5 class="role">Creative head</h5>
                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa
                            justo sit amet risus.</p>
                    </div>
                    <ul class="social-icons clearfix">
                        <li><a href="#" class=""><span class="fa fa-facebook"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-twitter"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-linkedin"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-google-plus"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-dribbble"></span></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="person"><img src="images/team-3.jpg" alt="" class="img-responsive">
                    <div class="person-content">
                        <h4>Mike collins</h4>
                        <h5 class="role">Technical lead</h5>
                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa
                            justo sit amet risus.</p>
                    </div>
                    <ul class="social-icons clearfix">
                        <li><a href="#" class=""><span class="fa fa-facebook"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-twitter"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-linkedin"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-google-plus"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-dribbble"></span></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="person"><img src="images/team-4.jpg" alt="" class="img-responsive">
                    <div class="person-content">
                        <h4>Rita Rose</h4>
                        <h5 class="role">Marketing head</h5>
                        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa
                            justo sit amet risus.</p>
                    </div>
                    <ul class="social-icons clearfix">
                        <li><a href="#" class=""><span class="fa fa-facebook"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-twitter"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-linkedin"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-google-plus"></span></a></li>
                        <li><a href="#" class=""><span class="fa fa-dribbble"></span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- our team section -->
<!-- Testimonials section -->
<section id="testimonials" class="section testimonials no-padding">
    <div class="container-fluid">
        <div class="row no-gutter">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio
                                    dui. Phasellus non dolor nibh. Nullam elementum Aenean eu leo quam..." </h1>
                                <p>Rene Brown, Open Window production</p>
                            </blockquote>
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Cras dictum tellus dui, vitae sollicitudin ipsum. Phasellus non dolor nibh. Nullam
                                    elementum tellus pretium feugiat shasellus non dolor nibh. Nullam elementum tellus
                                    pretium feugiat." </h1>
                                <p>Brain Rice, Lexix Private Limited.</p>
                            </blockquote>
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Aenean
                                    lacinia bibendum nulla sed consectetur...." </h1>
                                <p>Andi Simond, Global Corporate Inc</p>
                            </blockquote>
                        </div>
                    </li>
                    <li>
                        <div class="col-md-12">
                            <blockquote>
                                <h1>"Lorem ipsum dolor sit amet, consectetur adipiscing elitPhasellus non dolor nibh.
                                    Nullam elementum tellus pretium feugiat. Cras dictum tellus dui sollcitudin." </h1>
                                <p>Kristy Gabbor, Martix Media</p>
                            </blockquote>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- Testimonials section -->

<!-- contact section -->
<section id="contact" class="section">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2 conForm">
                <h5>进 入 页 面 后 台 管 理 ！</h5>
                <p>登陆页面登陆进入后台管理！！</p>
                <div id="message"></div>
                <form method="post" name="cform" id="cform">
                    <input name="name" id="name" type="text" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
                           placeholder="账号">
                    <input name="email" id="email" type="text" class=" col-xs-12 col-sm-12 col-md-12 col-lg-12 noMarr"
                           placeholder="密 码">
                    <textarea name="identifcode" id="comments" cols="" rows=""
                              class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
                              placeholder="验证码"></textarea>
                    <input type="submit" id="submit" class="submitBnt" value="登 陆">
                    <div id="simple-msg"></div>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- contact section -->

<!-- Footer section -->
<footer class="footer">
    <div class="footer-top section">
        <div class="container">
            <div class="row">
                <div class="footer-col col-md-6">
                    <h5>Our Office Location</h5>
                    <p>Collins Street West Victoria 8007 Australia.<br>
                        1800 1234 56789 / 98532100987<br>
                        support@lexis.com</p>
                    <p>Copyright © 2015 Lexis Inc. All Rights Reserved. More Templates <a
                            href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a
                            href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                </div>
                <div class="footer-col col-md-3">
                    <h5>Services We Offer</h5>
                    <p>
                    <ul>
                        <li><a href="#">Digital Strategy</a></li>
                        <li><a href="#">Websites</a></li>
                        <li><a href="#">Videography</a></li>
                        <li><a href="#">Social Media</a></li>
                        <li><a href="#">User Experience</a></li>
                    </ul>
                    </p>
                </div>
                <div class="footer-col col-md-3">
                    <h5>Share with Love</h5>
                    <ul class="footer-share">
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- footer top -->

</footer>
<!-- Footer section -->
<!-- JS FILES -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
<script src="js/jquery.contact.js"></script>
</body>
</html>